<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>推荐</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
		<link rel="stylesheet" href="css/mui.min.css">  
		<link rel="stylesheet" href="fonts/iconfont/iconfont.css">  
		<link rel="stylesheet" href="css/mui.previewimage.css" /><!--放大图片--> 
		<link rel="stylesheet" href="css/Recommend.css" /><!--推荐样式-->
	</head>

	<body> 
		<!--tab选项-->
		<div class="top_tad">
			<a class="tad_title title_active" href="javascript:;">推荐</a>
			<a class="tad_title" href="html/index/follow.html">关注</a>
			<span class="mui-icon mui-icon-search" id="recommend_search"></span>
		</div> 
			
		<!--推荐内容-->	
		<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="margin-top:74px; margin-bottom: 65px;">
		  <div class="mui-scroll">
		    <!--数据列表-->
		    <ul class="mui-table-view mui-table-view-chevron" id="commList">
		    	
		    	<!--列表--视频-->
		   	<!--	<li class="recommend_list">
		      		<div class="recommend_top">
		      			<img src="//tvax1.sinaimg.cn/crop.0.0.888.888.180/007csUQ7ly8fys0larsvjj30oo0ooq4h.jpg">
		      			<div class="user_info">
		      				<p class="nickname"  id="playBtn">朱一龙公益应援个站</p>
		      				<p class="time" id="msg">20分钟前</p>
		      			</div>
		      		</div>
		      		<div class="recommend_content">
		      			<p class="content_text">
		      				今日份事业龙@朱一龙 上线~~大boss太挑剔怎么办？这样做你就赢了！[酷]想要拿下职场，就要越战越勇！中午来一份#肯德基超值硬核午餐#，给努力奋斗的自己加鸡腿[笑而不语]
		      			</p>
		      			<div class="video_center" > 
		      			<video controls="" name="media" width="100%" heigh="120px">
						    <source src="http://f.us.sinaimg.cn/001CD9M8lx07suecYWda01041200OFXV0E010.mp4?label=mp4_720p&template=1280x720.20.0&Expires=1554969658&ssig=wZ4etEbvyJ&KID=unistore,video"/>
						</video> 
		      			<div class="img_video"><img src="images/ship.png" width="20%"></div></div>
		      			</div>
		      		</div>
		      		<div class="video_center" >
		      		<div class="recommend_operation">
		      			<div class="zan">
		      				<span><em class="iconfont icon-xihuan lover"></em><em>2000</em></span>
		      			</div>
		      			<div class="comment">
		      				<span><em class="iconfont icon-comment"></em><em>500</em></span>
		      			</div>
		      			<div class="more">
		      				<span><em class="iconfont icon-gengduo"></em></span>
		      			</div>
		      		</div>
		      	</li> 
		      	-->
		      	<!--列表--多张图片-->
		     <!-- <li class="recommend_list">
		      		<div class="recommend_top">
		      			<img src="//tvax1.sinaimg.cn/crop.0.0.888.888.180/007csUQ7ly8fys0larsvjj30oo0ooq4h.jpg">
		      			<div class="user_info">
		      				<p class="nickname">朱一龙公益应援个站</p>
		      				<p class="time">20分钟前</p>
		      			</div>
		      		</div>
		      		<div class="recommend_content">
		      			<p class="content_text">
							胸前的吉他弹拨着心跳<br/>
							眼前的春意融进了花香<br/>
							人间天上，花光日影<br/>
							跃进心上人怀抱
		      			</p>
						<div class="mui-row list_img"> 
					        <div class="mui-col-xs-4"><img src="//wx2.sinaimg.cn/mw690/007csUQ7ly1g0dpykutvij32873cakjp.jpg" data-preview-src="" data-preview-group="1"></div> 
					        <div class="mui-col-xs-4"><img src="//wx4.sinaimg.cn/mw690/007csUQ7ly1g0dpyop9orj33lb1zh4qs.jpg" data-preview-src="" data-preview-group="1"></div> 
					        <div class="mui-col-xs-4"><img src="//wx4.sinaimg.cn/mw690/007csUQ7ly1g0dpyw0m1lj32863ca1l4.jpg" data-preview-src="" data-preview-group="1"></div>  
						</div>
		      		</div>
		      		<div class="recommend_operation">
		      			<div class="zan">
		      				<span><em class="iconfont icon-xihuan"></em><em>2000</em></span>
		      			</div>
		      			<div class="comment">
		      				<span><em class="iconfont icon-comment"></em><em>500</em></span>
		      			</div>
		      			<div class="more">
		      				<span><em class="iconfont icon-gengduo"></em></span>
		      			</div>
		      		</div>
		      	</li>-->
		      	
		      	<!--列表--一张图片-->
		     <!-- <li class="recommend_list">
		      		<div class="recommend_top">
		      			<img src="//tvax4.sinaimg.cn/crop.0.0.200.200.180/6320b814ly8fxhsqsn6agj205k05kjs0.jpg">
		      			<div class="user_info">
		      				<p class="nickname">芒果TV</p>
		      				<p class="time">20分钟前</p>
		      			</div>
		      		</div>
		      		<div class="recommend_content"> 
		      			<p class="content_text">
		      				刘昊然 最新封面组图释出~这次的拍摄主题创意来袭！置身“便当盒”里的昊然弟弟“拒绝速食人生”，少年驾驭得敲有趣喔~期待接下来@刘昊然turbo 带来的更多惊喜！ ​​​​
		      			</p>
		      			<div class="mui-row list_img"> 
					        <div class="mui-col-xs-8"><img src="//wx4.sinaimg.cn/mw690/6320b814gy1g0iooy2ry8j20u012kn2j.jpg" data-preview-src="" data-preview-group="2"></div> 				       
						</div>
		      		</div>
		      		<div class="recommend_operation">
		      			<div class="zan">
		      				<span><em class="iconfont icon-xihuan"></em><em>2000</em></span>
		      			</div>
		      			<div class="comment">
		      				<span><em class="iconfont icon-comment"></em><em>500</em></span>
		      			</div>
		      			<div class="more">
		      				<span><a href="#sheet" class="iconfont icon-gengduo"></a></span>
		      			</div>
		      		</div>
		      	</li>-->
		   
		    </ul>
		    
		<!--	<div class="not_logged_in">
			    <img src="images/wdl.png">
			    <p>暂无动态哦~</p>
			</div>-->
			
		  </div>
		</div>
		
		<!--菜单-->
		<nav class="mui-bar mui-bar-tab iconfont">
			<a class="mui-tab-item index_icon mui-active" href="Recommend.html">
				<span class="icon-shouye icon_img"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item index_icon" href="html/video/video_selected.html" id="my_focus">
				<span class="icon-ziyuan icon_img"></span>
				<span class="mui-tab-label">视频</span>
			</a>
			<a class="mui-tab-item index_icon" id="my_add" href="#sheet1" style="padding-top: 2%;">
				<img src="images/foot_add.png" style="width: 74%;margin: 0 12%;" />
			</a>
			<a class="mui-tab-item index_icon" id="my_news" href="javascript:;">
				<span class="icon-xiaoxi icon_img"></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item index_icon" href="javascript:;" id="user">
				<span class="icon-weibiaoti2fuzhi12 icon_img"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		
		<!--更多操作-->
		<div id="sheet" class="mui-popover mui-popover-action mui-popover-bottom more_operations">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" id="report" >
					<a href="#sheet" style="color:#e51739!important">举报</a>
				</li> 
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#sheet"><b>取消</b></a>
				</li>
			</ul>
		</div> 
		
		<!--发布-->
		<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action index_menu_sheet">
			<!-- 可选择菜单 -->
			<p class="public_menu_img">
				<a href="#sheet1" id="issued_by" sta="1"><img src="images/tuwen.png"/></a><!--发布图文-->
				<a href="#sheet1" id="issued_video" sta="2"><img src="images/shipin.png"/></a><!--发布视频-->
			</p>
			<!-- 取消菜单 -->
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#sheet1">取消</a>
				</li>
			</ul>
		</div>
		
		<!--视频-->
		<div id="sheet2" class="video_ji" style="display: ;">
			<video  id="videoMedia" controls="controls" width="100%" loop="loop"  autoplay="autoplay" name="media" >
				<source src=""/>
			</video>
			<p class="back"><span class="mui-icon mui-icon-back"></span></p>
			<!--<div id="video" style="width:100%;height:100%;background-color:#fff;margin:auto "></div>-->
		</div>
		
		<!--弹出框-版本更新-->
		<div class="mui-backdrop" style="display: none;">
			<div class="version_content">
				<img width="100%" src="images/version1.png" alt="" />
				<p>升级的新版本号：<span style="color: #000000!important;" id="version_num"></span></p>
				<ul>
					<li style="margin-right:15%;" id="version_cont"></li>
				</ul>
				<button id="regenxin" data-url="">立即更新</button>
			</div>
		</div>
		
		<input type="hidden" value="" id="mag"><!--登录提示-->
		<input type="hidden" value="0" id="number"> <!-- 数据页数-->
		<input type="hidden" value="false" id="isOver"> <!-- 是否加载-->
		
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.previewimage.js"></script><!--图片查看-->
		<script src="js/mui.zoom.js"></script>  
		
		
		<script src="js/script/requestError.js"></script><!-- 接口统一处理ajax-->
		<script src="js/script/InterfSuccess.js"></script><!-- 接口处理定义-->
		<script src="js/script/InterfError.js"></script>
		<script src="js/script/InterfRequest.js"></script><!-- 接口请求参数和url定义--> 
		
		<script src="js/script/xl.js"></script><!--方法 --> 
		<script src="js/script/index/Recommend.js"></script><!-- 推荐--> 
		
		 
	</body>

</html>